﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<fmt:setBundle basename="ApplicationMessage" />

<div class="row form-horizontal ihg-form">
  <div class="ihg-content-layout">
    <div class="row form-horizontal ihg-form" style="padding: 0px;">
    
      <div class="col-xs-6">
        <div class="timeline-overflow" style="overflow-y: initial;">
          <ul class="col-xs-1 timeline-wrap list-unstyled" style="width: 15px;">
            <li class="timeline-item">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item">
              <div class="timeline-point"></div>
            </li>
            <!-- <li class="timeline-item has-content bg-color-gray" data-time="8:30">
              <div class="timeline-point">8:30</div>
            </li> -->
            <li class="timeline-item has-content bg-color-gray" data-time="7:30">
              <div class="timeline-point">7:30</div>
            </li>
            <li class="timeline-item">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="8:50">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item has-content bg-color-gray" data-time="7:55">
              <div class="timeline-point">7:55</div>
            </li>
           <!--  <li class="timeline-item" data-time="9:00">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="9:05">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="9:10">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="11:45">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="11:50">
              <div class="timeline-point"></div>
            </li> -->
            <li class="timeline-item" data-time="11:55">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="12:00">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="12:05">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="12:10">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="12:15">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="12:20">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="12:25">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="12:30">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="12:35">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="12:40">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="12:45" >
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="12:50">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="12:55">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="13:00">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="13:05">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="13:10">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="13:15" >
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="13:20">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item has-content bg-color-pink" data-time="13:10">
              <div class="timeline-point">13:10</div>
            </li>
            <li class="timeline-item" data-time="13:30">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="13:35">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="13:40">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="13:45">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="13:50">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="13:55" >
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="14:00">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="14:05">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="14:10">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="14:15">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="14:20">
              <div class="timeline-point"></div>
            </li>
            <li class="timeline-item" data-time="14:25">
              <div class="timeline-point"></div>
            </li>
          </ul>
          
          <div class="col-xs-10 timeline-content-wrap">
            
            <div class="timeline-content"  style="top: 40px; height: 90px;">
              <a href="${ctx.host}/sessions/${session.id}/day-one-opening" class="alink" data-start="${taskMap['Delegate Opening&notifications'].startDate.time}" data-end="${taskMap['Delegate Opening&notifications'].endDate.time}">
                <h2 class="timeline-title">Opening 
                  <span class="pull-right timeline-time"><i class="glyphicon glyphicon-time"></i>7:30-7:50</span>
                </h2>
                <div class="description">Delegate Opening & Notifications [7:30-7:50] 20min</div>
              </a>
            </div>
            <div class="timeline-content"  style="top: 135px; height: 80px;">
              <a href="${ctx.host}/sessions/${session.id}/day-one-opening" class="alink" data-start="${taskMap['Assessor Day One Opening&notifications'].startDate.time}" data-end="${taskMap['Assessor Day One Opening&notifications'].endDate.time}">
                <h2 class="timeline-title">Opening 
                  <p class="pull-right timeline-time"><i class="glyphicon glyphicon-time"></i>7:55-8:15</p>
                </h2>
                <div class="description">Assessor Day 1 Opening & Notifications [7:55-8:15] 20min </div>
              </a>
            </div>
            <div class="timeline-content"  style="top: 380px; height: 90px;">
              <a href="${ctx.host}/sessions/${session.id}/mid-day-calibration" class="alink" data-start="${taskMap['Mid-day Calibration'].startDate.time}" data-end="${taskMap['Mid-day Calibration'].endDate.time}">
                <h2 class="timeline-title">Mid-day Calibration 
                  <span class="pull-right timeline-time"><i class="glyphicon glyphicon-time"></i>13:10-13:50</span>
                </h2>
                <div class="description">Mid-day Calibration [13:10-13:50] 40min</div>
              </a>
            </div>
          </div>
        </div>
      </div>
      
      <div class="col-xs-6" style="padding-right:30px;">
      
        <div class="ihg-form-title clearfix" style="margin: 0 15px 15px 15px;">
          <h5>Colleague Meeting</h5>
        </div>
        <table class="table table-striped ihg-table tab-pane">
          <thead>
            <tr>
              <th colspan="3"></th>
              <th colspan="2">Zoom Link</th>
              <th>Scoring</th>
              <th>Reflection</th>
            </tr>
          </thead>
          <tbody>
            <c:set var="assColleagueMeetingTask" value="${assessorTasks['Colleague Meeting']}"/>
            <c:set var="deleColleagueMeetingTask" value="${delegateTasks['Colleague Meeting']}"/>
            <c:forEach var="participator" items="${participators}" varStatus="status">
              <tr>
                <c:choose>
                  <c:when test="${lastGroup == 0}">
                    <c:if test="${status.index%2 == 0}">
                      <td rowspan="2" style="vertical-align: middle;">${assColleagueMeetingTask[participator.delegateIdString]['Colleague Meeting Role play'].assessor.name}</td>
                    </c:if>
                    <td>${participator.delegateName}</td>
                    <td><fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Colleague Meeting'].startDate}" pattern="HH:mm"/> - <fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Colleague Meeting'].endDate}" pattern="HH:mm"/></td>
                  </c:when>
                  <c:when test="${lastGroup == 2}">
                    <c:choose>
                      <c:when test="${status.index == participatorAmount-2 or status.index == participatorAmount-1}">
                        <td style="vertical-align: middle;">${assColleagueMeetingTask[participator.delegateIdString]['Colleague Meeting Role play'].assessor.name}</td>
                      </c:when>
                      <c:otherwise>
                        <c:if test="${status.index%2 == 0}">
                          <td rowspan="2" style="vertical-align: middle;">${assColleagueMeetingTask[participator.delegateIdString]['Colleague Meeting Role play'].assessor.name}</td>
                        </c:if>
                      </c:otherwise>
                    </c:choose>
                    <td>${participator.delegateName}</td>
                    <td><fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Colleague Meeting'].startDate}" pattern="HH:mm"/> - <fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Colleague Meeting'].endDate}" pattern="HH:mm"/></td>
                  </c:when>
                  <c:when test="${lastGroup == 3}">
                    <c:choose>
                      <c:when test="${status.index == participatorAmount-1}">
                        <td style="vertical-align: middle;">${participator.assessorName}</td>
                      </c:when>
                      <c:otherwise>
                        <c:if test="${status.index%2 == 0}">
                          <td rowspan="2" style="vertical-align: middle;">${participator.assessorName}</td>
                        </c:if>
                      </c:otherwise>
                    </c:choose>
                    <td>${participator.delegateName}</td>
                    <td><fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Colleague Meeting'].startDate}" pattern="HH:mm"/> - <fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Colleague Meeting'].endDate}" pattern="HH:mm"/></td>
                  </c:when>
                </c:choose>
                <td>${assColleagueMeetingTask[participator.delegateIdString]['Colleague Meeting Role play'].assessor.name}:<img src="${ctx.resource}/images/${assColleagueMeetingTask[participator.delegateIdString]['Colleague Meeting Role play'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
                <td>${deleColleagueMeetingTask[participator.delegateIdString]['Colleague Meeting Role play'].delegate.name}:<img src="${ctx.resource}/images/${deleColleagueMeetingTask[participator.delegateIdString]['Colleague Meeting Role play'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
                <td><img src="${ctx.resource}/images/${assColleagueMeetingTask[participator.delegateIdString]['Colleague Meeting Scoring'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
                <td><img src="${ctx.resource}/images/${deleColleagueMeetingTask[participator.delegateIdString]['Colleague Meeting Reflection'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
              </tr>
            </c:forEach>
          </tbody>
        </table>
        
        <div class="ihg-form-title clearfix" style="margin: 0 15px 15px 15px;">
          <h5>Guest Meeting</h5>
        </div>
        <table class="table table-striped ihg-table tab-pane">
          <thead>
            <tr>
              <th colspan="3"></th>
              <th colspan="2">Zoom Link</th>
              <th>Scoring</th>
              <th>Reflection</th>
            </tr>
          </thead>
          <tbody>
            <c:set var="assGuestMeetingTask" value="${assessorTasks['Guest Meeting']}"/>
            <c:set var="deleGuestMeetingTask" value="${delegateTasks['Guest Meeting']}"/>
            <c:forEach var="participator" items="${participators}" varStatus="status">
              <tr>
                <c:choose>
                  <c:when test="${lastGroup == 0}">
                    <c:if test="${status.index%2 == 0}">
                      <td rowspan="2" style="vertical-align: middle;">${participator.assessorName}</td>
                    </c:if>
                    <td>${participator.delegateName}</td>
                    <td><fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Guest Meeting'].startDate}" pattern="HH:mm"/> - <fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Guest Meeting'].endDate}" pattern="HH:mm"/></td>
                  </c:when>
                  <c:when test="${lastGroup == 2}">
                    <c:choose>
                      <c:when test="${status.index == participatorAmount-2 or status.index == participatorAmount-1}">
                        <td style="vertical-align: middle;">${participator.assessorName}</td>
                      </c:when>
                      <c:otherwise>
                        <c:if test="${status.index%2 == 0}">
                          <td rowspan="2" style="vertical-align: middle;">${participator.assessorName}</td>
                        </c:if>
                      </c:otherwise>
                    </c:choose>
                    <td>${participator.delegateName}</td>
                    <td><fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Guest Meeting'].startDate}" pattern="HH:mm"/> - <fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Guest Meeting'].endDate}" pattern="HH:mm"/></td>
                  </c:when>
                  <c:when test="${lastGroup == 3}">
                    <c:choose>
                      <c:when test="${status.index == participatorAmount-1}">
                        <td style="vertical-align: middle;">${participator.assessorName}</td>
                      </c:when>
                      <c:otherwise>
                        <c:if test="${status.index%2 == 0}">
                          <td rowspan="2" style="vertical-align: middle;">${participator.assessorName}</td>
                        </c:if>
                      </c:otherwise>
                    </c:choose>
                    <td>${participator.delegateName}</td>
                    <td><fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Guest Meeting'].startDate}" pattern="HH:mm"/> - <fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Guest Meeting'].endDate}" pattern="HH:mm"/></td>
                  </c:when>
                </c:choose>
                <td>${assGuestMeetingTask[participator.delegateIdString]['Guest Meeting Role play'].assessor.name}:<img src="${ctx.resource}/images/${assGuestMeetingTask[participator.delegateIdString]['Guest Meeting Role play'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
                <td>${deleGuestMeetingTask[participator.delegateIdString]['Guest Meeting Role play'].delegate.name}:<img src="${ctx.resource}/images/${deleGuestMeetingTask[participator.delegateIdString]['Guest Meeting Role play'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
                <td><img src="${ctx.resource}/images/${assGuestMeetingTask[participator.delegateIdString]['Guest Meeting Scoring'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
                <td><img src="${ctx.resource}/images/${deleGuestMeetingTask[participator.delegateIdString]['Guest Meeting Reflection'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
              </tr>
            </c:forEach>
          </tbody>
        </table>
        
        <div class="ihg-form-title clearfix" style="margin: 0 15px 15px 15px;">
          <h5>Owner Management</h5>
        </div>
        <table class="table table-striped ihg-table tab-pane">
          <thead>
            <tr>
              <th colspan="2"></th>
              <th>Status</th>
              <th>OPT</th>
            </tr>
          </thead>
          <tbody>
            <c:set var="assOwnerMeetingTask" value="${assessorTasks['Owner Meeting']}"/>
            <c:set var="deleOwnerMeetingTask" value="${delegateTasks['Owner Meeting']}"/>
            <c:forEach var="participator" items="${participators}" varStatus="status">
              <tr>
                <c:choose>
                  <c:when test="${lastGroup == 0}">
                    <c:if test="${status.index%2 == 0}">
                      <td rowspan="2" style="vertical-align: middle;">${assOwnerMeetingTask[participator.delegateIdString]['Owner Meeting Role play'].assessor.name}</td>
                    </c:if>
                    <td>${participator.delegateName}</td>
                    <td><fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Owner Meeting'].startDate}" pattern="HH:mm"/> - <fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Owner Meeting'].endDate}" pattern="HH:mm"/></td>
                  </c:when>
                  <c:when test="${lastGroup == 2}">
                    <c:choose>
                      <c:when test="${status.index == participatorAmount-2 or status.index == participatorAmount-1}">
                        <td style="vertical-align: middle;">${assOwnerMeetingTask[participator.delegateIdString]['Owner Meeting Role play'].assessor.name}</td>
                      </c:when>
                      <c:otherwise>
                        <c:if test="${status.index%2 == 0}">
                          <td rowspan="2" style="vertical-align: middle;">${assOwnerMeetingTask[participator.delegateIdString]['Owner Meeting Role play'].assessor.name}</td>
                        </c:if>
                      </c:otherwise>
                    </c:choose>
                    <td>${participator.delegateName}</td>
                    <td><fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Owner Meeting'].startDate}" pattern="HH:mm"/> - <fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Owner Meeting'].endDate}" pattern="HH:mm"/></td>
                  </c:when>
                  <c:when test="${lastGroup == 3}">
                    <c:choose>
                      <c:when test="${status.index == participatorAmount-1}">
                        <td style="vertical-align: middle;">${participator.assessorName}</td>
                      </c:when>
                      <c:otherwise>
                        <c:if test="${status.index%2 == 0}">
                          <td rowspan="2" style="vertical-align: middle;">${participator.assessorName}</td>
                        </c:if>
                      </c:otherwise>
                    </c:choose>
                    <td>${participator.delegateName}</td>
                    <td><fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Owner Meeting'].startDate}" pattern="HH:mm"/> - <fmt:formatDate value="${meetingTasks[participator.delegateIdString]['Owner Meeting'].endDate}" pattern="HH:mm"/></td>
                  </c:when>
                </c:choose>
                <td>${assOwnerMeetingTask[participator.delegateIdString]['Owner Meeting Role play'].assessor.name}:<img src="${ctx.resource}/images/${assOwnerMeetingTask[participator.delegateIdString]['Owner Meeting Role play'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
                <td>${deleOwnerMeetingTask[participator.delegateIdString]['Owner Meeting Role play'].delegate.name}:<img src="${ctx.resource}/images/${deleOwnerMeetingTask[participator.delegateIdString]['Owner Meeting Role play'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
                <td><img src="${ctx.resource}/images/${assOwnerMeetingTask[participator.delegateIdString]['Owner Meeting Scoring'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
                <td><img src="${ctx.resource}/images/${deleOwnerMeetingTask[participator.delegateIdString]['Owner Meeting Reflection'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
              </tr>
            </c:forEach>
          </tbody>
        </table>
        
        <div class="ihg-form-title clearfix" style="margin: 0 15px 15px 15px;">
          <h5>OLT Meeting</h5>
        </div>
        <table class="table table-striped ihg-table tab-pane">
          <thead>
            <tr>
              <th colspan="3"></th>
              <th colspan="2">Zoom Link</th>
              <th>Scoring</th>
              <th>Reflection</th>
            </tr>
          </thead>
          <tbody>
            <c:set var="assOLTMeetingTask" value="${assessorTasks['OLT Meeting']}"/>
            <c:set var="deleOLTMeetingTask" value="${delegateTasks['OLT Meeting']}"/>
            <c:forEach var="participator" items="${participators}" varStatus="status">
              <tr>
                <c:choose>
                  <c:when test="${lastGroup == 0}">
                    <c:if test="${status.index%2 == 0}">
                      <td rowspan="2" style="vertical-align: middle;">${participator.assessorName}</td>
                    </c:if>
                    <td>${participator.delegateName}</td>
                    <td><fmt:formatDate value="${meetingTasks[participator.delegateIdString]['OLT Meeting'].startDate}" pattern="HH:mm"/> - <fmt:formatDate value="${meetingTasks[participator.delegateIdString]['OLT Meeting'].endDate}" pattern="HH:mm"/></td>
                  </c:when>
                  <c:when test="${lastGroup == 2}">
                    <c:choose>
                      <c:when test="${status.index == participatorAmount-2 or status.index == participatorAmount-1}">
                        <td style="vertical-align: middle;">${participator.assessorName}</td>
                      </c:when>
                      <c:otherwise>
                        <c:if test="${status.index%2 == 0}">
                          <td rowspan="2" style="vertical-align: middle;">${participator.assessorName}</td>
                        </c:if>
                      </c:otherwise>
                    </c:choose>
                    <td>${participator.delegateName}</td>
                    <td><fmt:formatDate value="${meetingTasks[participator.delegateIdString]['OLT Meeting'].startDate}" pattern="HH:mm"/> - <fmt:formatDate value="${meetingTasks[participator.delegateIdString]['OLT Meeting'].endDate}" pattern="HH:mm"/></td>
                  </c:when>
                  <c:when test="${lastGroup == 3}">
                    <c:choose>
                      <c:when test="${status.index == participatorAmount-1}">
                        <td style="vertical-align: middle;">${participator.assessorName}</td>
                      </c:when>
                      <c:otherwise>
                        <c:if test="${status.index%2 == 0}">
                          <td rowspan="2" style="vertical-align: middle;">${participator.assessorName}</td>
                        </c:if>
                      </c:otherwise>
                    </c:choose>
                    <td>${participator.delegateName}</td>
                    <td><fmt:formatDate value="${meetingTasks[participator.delegateIdString]['OLT Meeting'].startDate}" pattern="HH:mm"/> - <fmt:formatDate value="${meetingTasks[participator.delegateIdString]['OLT Meeting'].endDate}" pattern="HH:mm"/></td>
                  </c:when>
                </c:choose>
                <td>${assOLTMeetingTask[participator.delegateIdString]['OLT Meeting Role Play'].assessor.name}:<img src="${ctx.resource}/images/${assOLTMeetingTask[participator.delegateIdString]['OLT Meeting Presentation & Q&A'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
                <td>${deleOLTMeetingTask[participator.delegateIdString]['OLT Meeting Role Play'].delegate.name}:<img src="${ctx.resource}/images/${deleOLTMeetingTask[participator.delegateIdString]['OLT Meeting Presentation & Q&A'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
                <td><img src="${ctx.resource}/images/${assOLTMeetingTask[participator.delegateIdString]['OLT Meeting Scoring'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
                <td><img src="${ctx.resource}/images/${deleOLTMeetingTask[participator.delegateIdString]['OLT Meeting Reflection'].status.finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
              </tr>
            </c:forEach>
          </tbody>
        </table>
        
        <div class="ihg-form-title clearfix" style="margin: 0 15px 15px 15px;">
          <h5>In-Basket</h5>
        </div>
        <table class="table table-striped ihg-table tab-pane">
          <thead>
            <tr>
              <th></th>
              <th>Status</th>
              <th>OPT</th>
            </tr>
          </thead>
          <tbody>
            <c:forEach var="participator" items="${participators}" varStatus="status">
              <tr>
                <td>${participator.delegateName}</td>
                <td><img src="${ctx.resource}/images/${answerStatus[participator.delegateId].finish ? 'check' : 'error'}.png" style="width: 15px;"></td>
                <td>
                  <c:choose>
                    <c:when test="${answerStatus[participator.delegateId].finish}">
                      <a href="${ctx.host}/sessions/${session.id}/day-one-summary/ib-assessment?delegate=${participator.delegateId}" target="_blank">查看</a>
                    </c:when>
                    <c:otherwise>-</c:otherwise>
                  </c:choose>
                </td>
              </tr>
            </c:forEach>
          </tbody>
        </table>
        
      </div>
      
    </div>
  </div>
</div>